
.p01002-contenedor {
  margin: 10 auto;
}
.p01002-juego {

}
.p01002-juego .base	{
  margin: 0 0px;
  width: 100%;
  height:250px;
  border: 0px solid #000;
  border-radius: 15px 15px 15px 15px;
  line-height: 100%;
  font-size: 100%;
}
.p01002-juego .col{
  float: left;
  padding-top: 13%;
  padding-left: 1%;
  width: 9%;
  height: 100%;
  border: 0px solid #000;
  background-size: 101% 100%;  
}
.p01002-juego .col2{
  float: left;
  padding-top: 18%;
  padding-left: 1%;
  width: 9%;
  height: 100%;
  border: 0px solid #000;
  background-size: 101% 100%;   
}
.p01002-juego .col3{
  float: left;
  padding-top: 16%;
  padding-left: 1%;
  width: 9%;
  height: 100%;
  background-size: 101% 100%;   
  border: 0px solid #000;
}
.p01002-juego .col4{
  float: left;
  padding-top: 14%;
  width: 9%;
  height: 100%;
  border: 0px solid #000;
  background-size: 101% 100%;    
}
.p01002-juego .col11{
  float: left;
  padding-top: 14%;
  width: 9%;
  height: 100%;
  border: 0px solid #000;
  background-size: 101% 100%;    
}
.p01002-juego .col5{
  float: left;
  padding-top: 17%;
  padding-left: 0.5%;
  width: 9%;
  height: 100%;
  border: 0px solid #000;
  background-size: 101% 100%;    
}
.p01002-juego .col6{
  float: left;
  padding-top: 23%;
  padding-left: 1%;
  width: 9%;
  height: 100%;
  border: 0px solid #000;
  background-size: 101% 100%;   
}
.p01002-juego .col7{
  float: left;
  padding-top: 23%;
  padding-left: 1%;
  width: 9%;
  height: 100%;
  border: 0px solid #000;
  background-size: 101% 100%;   
}
.p01002-juego .col9{
  float: left;
  padding-top: 19%;
  padding-left: 1%;
  width: 9%;
  height: 100%;
  border: 0px solid #000;
  background-size: 101% 100%;
}
.p01002-juego .col10{
  float: left;
  padding-top: 85px;
  padding-left: 5px;
  width: 18%;
  height: 100%;
  border: 0px solid #000;
  background-size: 101% 100%;  
}
.p01002-juego .col .circle {
    width: 43px;
    height: 43px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border: 2px solid #000;
    border-radius: 50%;  
    background: #FFFFFF;
	padding-top: 10px !important;
	text-align: center;
	vertical-align: middle;
	position: relative; 
	z-index: 1;	
} 

.p01002-juego .col2 .circle {
    width: 43px;
    height: 43px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border: 2px solid #000;
    border-radius: 50%;  
    background: #FFFFFF;
	padding-top: 10px !important;
	text-align: center;
	vertical-align: middle;
	position: relative; 
		
}
.p01002-juego .col3 .circle {
    width: 43px;
    height: 43px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border: 2px solid #000;
    border-radius: 50%;  
    background: #FFFFFF;
	padding-top: 10px !important;
	text-align: center;
	vertical-align: middle;
	position: relative; 
}
.p01002-juego .col4 .circle {
    width: 43px;
    height: 43px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border: 2px solid #000;
    border-radius: 50%;  
    background: #FFFFFF;
	padding-top: 10px !important;
	text-align: center;
	vertical-align: middle;
	position: relative; 
	
}
.p01002-juego .col11 .circle {
    width: 43px;
    height: 43px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border: 2px solid #000;
    border-radius: 50%;  
    background: #FFFFFF;
	padding-top: 10px !important;
	text-align: center;
	vertical-align: middle;
	position: relative; 
	
}
.p01002-juego .col5 .circle {
    width: 43px;
    height: 43px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border: 2px solid #000;
    border-radius: 50%;  
    background: #FFFFFF;
	padding-top: 10px !important;
	text-align: center;
	vertical-align: middle;
	position: relative; 

}
.p01002-juego .col6 .circle {
    width: 43px;
    height: 43px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border: 2px solid #000;
    border-radius: 50%;  
    background: #FFFFFF;
	padding-top: 10px !important;
	text-align: center;
	vertical-align: middle;
	position: relative; 

}
.p01002-juego .col7 .circle {
    width: 43px;
    height: 43px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border: 2px solid #000;
    border-radius: 50%;  
    background: #FFFFFF;
	padding-top: 10px !important;
	text-align: center;
	vertical-align: middle;
	position: relative; 

}
.p01002-juego .col9 .circle {
    width: 43px;
    height: 43px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border: 2px solid #000;
    border-radius: 50%;  
    background: #FFFFFF;
	padding-top: 10px !important;
	text-align: center;
	position: relative; 
	
}
.p01002-juego .col .circle span { 
	height: 1px; 
	width: 30px;
	display: inline-block; 
	font-size: 25px;
	font-weight: bold;
}
.p01002-juego .col2 .circle span { 
	height: 1px; 
	width: 30px;
	display: inline-block; 
	font-size: 25px;
	font-weight: bold;
}
.p01002-juego .col3 .circle span { 
	height: 1px; 
	width: 30px;
	display: inline-block; 
	font-size: 25px;
	font-weight: bold; 
}
.p01002-juego .col4 .circle span { 
	height: 1px; 
	width: 30px;
	display: inline-block; 
	font-size: 25px;
	font-weight: bold;
}
.p01002-juego .col11 .circle span { 
	height: 1px; 
	width: 30px;
	display: inline-block; 
	font-size: 25px;
	font-weight: bold;
}
.p01002-juego .col5 .circle span { 
	height: 1px; 
	width: 30px;
	display: inline-block; 
	font-size: 25px;
	font-weight: bold;
}
.p01002-juego .col6 .circle span { 
	height: 1px; 
	width: 30px;
	display: inline-block; 
	font-size: 25px;
	font-weight: bold;
}
.p01002-juego .col7 .circle span { 
	height: 1px; 
	width: 30px;
	display: inline-block; 
	font-size: 25px;
	font-weight: bold;
}
.p01002-juego .col2 .circle span { 
	height: 1px; 
	width: 30px;
	display: inline-block; 
	font-size: 25px;
	font-weight: bold; 
}
.p01002-juego .col9 .circle span { 
	height: 1px; 
	width: 30px;
	display: inline-block; 
	font-size: 25px;
	font-weight: bold;
}
.p01002-opciones .numero {
  text-align: center;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  height: 45px;
  float: none !important;
  width: 15%;    
}
.numero {
  text-align: center;
  font-size: 2.0em;
  z-index: 999;
  cursor: pointer;
  display: inline-block;
  height: 45px;
  float: none !important;
  width: 15%;  
}
@media screen and (max-width: 953px){
.p01002-juego .col{
	padding-top: 19%;
}
.p01002-juego .col .circle {
    width: 36px;
    height: 36px;
	padding-top: 16% !important;
} 
.p01002-juego .col2{
	padding-top: 25%;
}
.p01002-juego .col2 .circle {
    width: 36px;
    height: 36px;
	padding-top: 15% !important;
}
.p01002-juego .col3{
	padding-top: 22%;
}
.p01002-juego .col3 .circle {
    width: 36px;
    height: 36px;
	padding-top: 15% !important;
}
.p01002-juego .col4{
	padding-top: 19%;
}
.p01002-juego .col4 .circle {
    width: 36px;
    height: 36px;
	padding-top: 15% !important;
}
.p01002-juego .col11{
	padding-top: 19%;
}
.p01002-juego .col11 .circle {
    width: 36px;
    height: 36px;
	padding-top: 15% !important;
}
.p01002-juego .col5{
	padding-top: 24%;
}
.p01002-juego .col5 .circle {
    width: 36px;
    height: 36px;
	padding-top: 10% !important;
}
.p01002-juego .col6{
	padding-top: 32%;
}
.p01002-juego .col6 .circle {
    width: 36px;
    height: 36px;
	padding-top: 15%!important;
}
.p01002-juego .col7{
	padding-top: 32%;
}
.p01002-juego .col7 .circle {
    width: 36px;
    height: 36px;
	padding-top: 15%!important;
}
.p01002-juego .col9{
	padding-top: 25%;
}
.p01002-juego .col9 .circle {
    width: 36px;
    height: 36px;
	padding-top: 15%!important;
}

}
/*@media screen and (max-width: 767px){
	.p01002-juego {
		height:250px;
	}
}
@media screen and (max-width: 651px){
	.p01002-juego {
		height:500px;
	}
}*/
@media screen and (max-width: 512px){
	.p01002-juego .col{
		float: left;
		padding-top: 22%;
	}
	.p01002-juego .col2{
		float: left;
		padding-top: 28%;
	}
	.p01002-juego .col3{
		float: left;
		padding-top: 24%;
	}
	.p01002-juego .col4{
		float: left;
		padding-top: 21%;
	}
	.p01002-juego .col5{
		float: left;
		padding-top: 27%;
	}
	.p01002-juego .col6{
		float: left;
		padding-top: 35%;
	}
	.p01002-juego .col7{
		float: left;
		padding-top: 34%;
	}
	.p01002-juego .col9{
		float: left;
		padding-top: 28%;
	}
	.p01002-juego .col11{
		float: left;
		padding-top: 22%;
	}	
}
@media screen and (max-width: 600px){
	.p01002-juego .col{
		float: left;
		padding-top: 19%;
	}
	.p01002-juego .col2{
		float: left;
		padding-top: 24%;
	}
	.p01002-juego .col3{
		float: left;
		padding-top: 20%;
	}
	.p01002-juego .col4{
		float: left;
		padding-top: 17%;
	}
	.p01002-juego .col5{
		float: left;
		padding-top: 22%;
	}
	.p01002-juego .col6{
		float: left;
		padding-top: 29%;
	}
	.p01002-juego .col7{
		float: left;
		padding-top: 30%;
	}
	.p01002-juego .col9{
		float: left;
		padding-top: 25%;
	}
	.p01002-juego .col11{
		float: left;
		padding-top: 20%;
	}	
}
@media screen and (max-width: 450px){
	.p01002-juego .col{
		float: left;
		padding-top: 40%;
	}
	.p01002-juego .col .circle {
		width: 29px;
		height: 29px;
		position: relative; 
		z-index: 3;
	}
	.p01002-juego .col .circle span {
		height: 20px; 
		width: 20px;	
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	.p01002-juego .col2{
		float: left;
		padding-top: 49%; 
	}
	.p01002-juego .col2 .circle {
		width: 29px;
		height: 29px;
		position: relative; 
		z-index: 3;
	}
	.p01002-juego .col2 .circle span {
		height: 20px; 
		width: 20px;	
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	.p01002-juego .col3{
		float: left;
		padding-top: 41%; 
	}
	.p01002-juego .col3 .circle {
		width: 29px;
		height: 29px;
		position: relative; 
		z-index: 3;
	}
	.p01002-juego .col3 .circle span {
		height: 20px; 
		width: 20px;	
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	.p01002-juego .col4{
		float: left;
		padding-top: 33%; 
	}
	.p01002-juego .col4 .circle {
		width: 29px;
		height: 29px;
		position: relative; 
		z-index: 3;
	}
	.p01002-juego .col4 .circle span {
		height: 20px; 
		width: 20px;	
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	.p01002-juego .col5{
		float: left;
		padding-top: 48%; 
	}
	.p01002-juego .col5 .circle {
		width: 29px;
		height: 29px;
		position: relative; 
		z-index: 3;
	}
	.p01002-juego .col5 .circle span {
		height: 20px; 
		width: 20px;	
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	.p01002-juego .col6{
		float: left;
		padding-top: 63%; 
	}
	.p01002-juego .col6 .circle {
		width: 29px;
		height: 29px;
		position: relative; 
		z-index: 3;
	}
	.p01002-juego .col6 .circle span {
		height: 20px; 
		width: 20px;	
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	.p01002-juego .col7{
		float: left;
		padding-top: 55%; 
	}
	.p01002-juego .col7 .circle {
		width: 29px;
		height: 29px;
		position: relative; 
		z-index: 3;
	}
	.p01002-juego .col7 .circle span {
		height: 20px; 
		width: 20px;	
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	.p01002-juego .col9{
		float: left;
		padding-top: 45%; 
	}
	.p01002-juego .col9 .circle {
		width: 29px;
		height: 29px;
		position: relative; 
		z-index: 3;
	}
	.p01002-juego .col9 .circle span {
		height: 20px; 
		width: 20px;	
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}	
	.p01002-juego .col11{
		float: left;
		padding-top: 36%; 
	}	
	.p01002-juego .col11 .circle {
		width: 29px;
		height: 29px;
		position: relative; 
		z-index: 3;
	}
	.p01002-juego .col11 .circle span {
		height: 20px; 
		width: 20px;	
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}
	.numero {
		text-align: center;
		font-size: 1.5em;
		z-index: 999;
		cursor: pointer;
		display: inline-block;
		height: 45px;
		float: none !important;
		width: 15%;  
	}
}